<template>
  <div class="tp-org-col" :style="{width}">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'TpOrgCol',
  props: {
    span: {
      type: Number,
      default: 24
    }
  },
  computed: {
    width() {
      return `${this.span / 24 * 100}%`;
    }
  }
}
</script>